<div class="container-fluid">
    <div class="row">
        <div class="find_line_user">
            @foreach ($user_line as $key=>$user)
            <div class="find_line_user_item">
                <div class="find_line_user_item-left">
                    {{$user['nickname']}}
                </div>
                <div class="find_line_user_item-right">
                    @if ($user['identity_id'] == 1)
                        体验会员
                    @elseif($user['identity_id'] == 2)
                        创客
                    @elseif($user['identity_id'] == 3)
                        瞳小店
                    @elseif($user['identity_id'] == 4)
                        健康馆
                    @elseif($user['identity_id'] == 5)
                        区县代理
                    @elseif($user['identity_id'] == 6)
                        市代理
                    @elseif($user['identity_id'] == 7)
                        合伙人
                    @elseif($user['identity_id'] == 0)
                        普通用户
                    @endif
                </div>
                @if ($key+1==$all_res)
                <span class="badge badge-pill badge-danger find_line_user_item_badge">自己</span>
                @endif
                @if ($key==0 && $all_res>1)
                    <span class="badge badge-pill badge-success find_line_user_item_badge">顶级</span>
                @endif
            </div>
                @if ($key+1!=$all_res)
                <div style="margin-right: 14px">
                    <img src="../../../img/jiantou2.png" width="40" height="24" alt="">
                </div>
                @endif
            @endforeach
        </div>
    </div>
</div>
<style>
    .find_line_user{
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap:wrap;
    }
    .find_line_user_item{
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
        border:1px solid green;
        width: 150px;
        margin-right: 14px;
        margin-top: 10px;
        margin-bottom: 10px;
        height: 58px;
        position: relative;
    }
    .find_line_user_item-left{
        flex: 1;
        width: 100%;
        height: 100%;
        border-right: 1px solid green;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .find_line_user_item-right{
        flex: 1;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .find_line_user_item_badge{
        position: absolute;
        top: -10px;
        right: -16px;
    }
</style>
